
html, body {
	position: relative;
	height: 100%;
}
body {
    height: 100%;
	font-size: 0.4rem;
	margin: 0;
    padding: 0;
	background-color: #eee;
}

#app{
    color:#444;
	font-size: 30rpx;
}


.game-app{

}

.open{
	font-size: 0.5rem;
}




// 对话框
.dialog { position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; display:flex; display:-webkit-flex; flex-direction:column; align-items:center; justify-content:center; }
.dialog .dialog-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:hidden;}

.dialog .dialog-closed { 
    position: absolute;
    text-align: center;
    cursor: pointer;
    right:0.1rem; top:0.1rem; width:0.4rem; height:0.4rem;
    display:block; content:''; background-size:100% 100%; overflow:hidden;}
.dialog .dialog-content { position:relative; z-index:9999; overflow:hidden; background-color:#fff;}
.dialog .dialog-body { display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden;}
.hide{display:none;}

.popScaleFadeIn { animation: popScaleFadeIn 0.4s ease alternate both; }
.popScaleFadeOut { animation: popScaleFadeOut 0.2s linear alternate both; }

.dialog{
    .dialog-content{
        opacity: 0;
    }
    // .popScaleFadeOut;
}
.dialog.mount{
    .dialog-content{
        .popScaleFadeIn;
    }
}
.fadeOut{
    display: none;
}
.fadeIn{
    display: block;
}

@keyframes popScaleFadeIn {  0% {
    transform: scale3d(0.7, 0.7, 0.7);
    opacity: 0;
}
    100% {
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}
@keyframes popScaleFadeOut {  0% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
    100% {
        transform: scale3d(0.7, 0.7, 0.7);
        opacity: 0;
    }
}

@keyframes popFadeOut {  0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes popFadeOut {  0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
